﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../internal.js"></script>
    <script src="../../../easyui/jquery-1.8.0.min.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        .spinner {
          display: inline-block;
          white-space: nowrap;
          margin: 0;
          padding: 0;
          border-width: 1px;
          border-style: solid;
          overflow: hidden;
          vertical-align: middle;
        }
        .spinner .spinner-text {
          font-size: 12px;
          border: 0px;
          line-height: 20px;
          height: 20px;
          margin: 0;
          padding: 0 2px;
          *margin-top: -1px;
          *height: 18px;
          *line-height: 18px;
          _height: 18px;
          _line-height: 18px;
          vertical-align: baseline;
        }
        .spinner-arrow {
          display: inline-block;
          overflow: hidden;
          vertical-align: top;
          margin: 0;
          padding: 0;
        }
        .spinner-arrow-up,
        .spinner-arrow-down {
          opacity: 0.6;
          filter: alpha(opacity=60);
          display: block;
          font-size: 1px;
          width: 18px;
          height: 10px;
        }
        .spinner-arrow-up:hover,
        .spinner-arrow-down:hover {
          opacity: 1.0;
          filter: alpha(opacity=100);
        }
        .spinner-arrow-up {
          background: url('../../../easyui/themes/default/images/spinner_arrows.png') no-repeat 1px center;
        }
        .spinner-arrow-down {
          background: url('../../../easyui/themes/default/images/spinner_arrows.png') no-repeat -15px center;
        }
        .spinner {
          border-color: #95B8E7;
        }
        .spinner-arrow {
          background-color: #E0ECFF;
        }
        .spinner-arrow-hover {
          background-color: #eaf2ff;
        }
    </style>
</head>
<body>
    <div style="width: 366px; height: 129px; padding: 10px;" title="" class="panel-body panel-body-noheader panel-body-noborder dialog-content">
        <var id="row"></var>
        <span class="spinner" style="width: 338px; height: 20px;">
            <input id="rowValue" class="easyui-numberspinner numberspinner-f spinner-text spinner-f validatebox-text numberbox-f" value="1" data-options="min:1,max:99,editable:false" style="width: 316px; height: 20px; line-height: 20px;" numberboxname="rowValue">
            <span class="spinner-arrow" style="height: 20px;">
                <span class="spinner-arrow-up" style="height: 10px;"></span>
                <span class="spinner-arrow-down" style="height: 10px;"></span>
            </span>
        </span>
        <br>

        <var id="column"></var>
        <br>
        <span class="spinner" style="width: 338px; height: 20px;">
            <input id="columnValue" class="easyui-numberspinner numberspinner-f spinner-text spinner-f validatebox-text numberbox-f" value="1" data-options="min:1,max:30,editable:false" style="width: 316px; height: 20px; line-height: 20px;" numberboxname="columnValue">
            <span class="spinner-arrow" style="height: 20px;">
                <span class="spinner-arrow-up" style="height: 10px;"></span>
                <span class="spinner-arrow-down" style="height: 10px;"></span>
            </span>
        </span>
        <br>

        <var id="name"></var>
        <br>
        <input id="tableName" name="tableName" type="text" style="width: 340px;">
    </div>

    <script>
        var fileType = 'video';
    </script>
    <script src="table.js"></script>
</body>
</html>